/*
* @Author: 李华
* @Date:   2020-03-21 09:10:05
* @Last Modified by:   李华
* @Last Modified time: 2020-04-09 17:33:38
*/
body{
	background: #f8e5c3e3;
}
.logo,.content,.banner,.hot{
	width: 1180px;
	margin: 0px auto;
}

.logo{
	background: #5d3c19db;
	height: 64px;
	color: white;
}
.logo>h1{
	height: 64px;
	width: 100px;
	float: left;

}
.logo>h1 img{
	height: 64px;
	width: 100px;
}
.hd{
	width: 1070px;
	float: right;
	font-size: 15px;
	cursor: pointer;
}
/* 搜索输入框 */
.find{
	width: 430px;
	height: 40px;
    margin-left: 180px;
    margin-top: 15px;
    float: left;
    color: white;
}
.find>input{
	width: 345px;
	height: 40px;
	float: left;
	border: none;
	border-radius: 3px;
	background:#d8b983;
	color: white;
	padding-left: 5px;
}
::-webkit-input-placeholder { 
color:gray;
}
.find>span{
	width: 80px;
	height: 40px;
	background: #cc851bdb;
	line-height: 40px;
	float: left;
	border-radius: 6px 6px 6px 0px;
}
.find>span:hover{
    background: rgb(204, 133, 27);
}
.find>span>b{
    width: 11px;
	height: 19px;
    margin: 10px 7px 14px 13px;
	float: left;
	background: url('../images/jl_2.png') no-repeat -4px -682px;
}


/* 推广 */
.tg{
	height: 40px;
	float: right;
	margin-top: 15px;
	font-size: 15px;
	line-height: 40px;
	color: white;
	width: 330px;
}


.tg>a:hover{
	text-decoration: none;
	color: #d2cfcf;
}
.tg>a{
	float: right;
	color: white;
	text-decoration: none;
	margin-right: 14px;
}
.tg .right1{
	float: right;
	margin-right: 35px;
}

/* 导航栏 */
nav{
	height: 46px;
	width: 1180px;
	margin: 0px auto;
	background: #a78345;
	border-top: 5px solid #D9941F;
	border-bottom: 1px solid #67A11F;
}
.nav1{
	cursor:pointer;
	height: 46px;
	width: 1180px;
	margin: 0px auto;
}

/* 下拉选框 */
#box::after{
	content: "";
	display: block;
	clear: both;
}
#box{
	height: 46px;
	width: 800px;
	margin-left: 50px;
	float: left;
}

#box>li:nth-of-type(1){
    background: #d8b983cc;
}
#box>li{
	float: left;
	position: relative;
	color: white;
	font-size: 18px;
	line-height: 46px;
	padding: 0px 17px;
}
#box ul{
	z-index: 10;
	cursor:pointer;
	position: absolute;
	top:46px ;
	left: 0px;
	color: #666666;
	background: #d8b983cc;
	width: 98px;
	border: 1px solid #D9D9D9;
	display: none;
}

#box ul>li{
	line-height: 33px;
	font-size: 16px;
	padding-left: 17px;
}
#box ul>li:hover{
    background: #c2b091c7;
}
#box ul>li>a{
	color: #666666;
	text-decoration: none;
}

#box>.current{
	background: #d8b983cc;
}
#box>li>.current{
	display: inline-block;
}

/* APP下载 */
.nav1 a:hover .app{
	background: #ffefd3;
}

.app{
	margin-right: 55px;
	margin-top: 9px;
	width: 110px;
	height: 27px;
	float: right;
	background:#e0cdac;
}
.r1,.r2,.r3{
	height: 18px;
    margin-top: 4px;
	margin-left: 5px;
	display: block;
	float: left;
}
.r1{
	width: 15px;
	line-height: 27px;
	background: url('../images/jl.png') no-repeat 0px -73px;	
}
.r2{
	width: 18px;
	line-height: 27px;
	background: url('../images/jl.png') no-repeat 0px -112px;
}
.r3{
	width: 55px;
	/* line-height: 18px;
	font-size: 12px;
	color: black; */
	background: url('../images/jl.png') no-repeat -1px -248px;
}

/* 登录注册 */
.lg1,.lg2,.lg3{
	height: 18px;
    margin-top: 4px;
	display: block;
	text-decoration: none;
	float: right;
}
.lg1{
	line-height: 18px;
	font-size: 14px;
	color: white;
}
.lg2{
	line-height: 18px;
	font-size: 14px;
	margin-right:9px; 
	color: white;
}
.lg3{
	width: 18px;
	line-height: 27px;
	margin-right: 6px;
	background: url('../images/jl.png') no-repeat 0px 0px;
}

.login{
	width: 110px;
	height: 27px;
	margin-right: 53px;
	margin-top: 9px;
	float: right;
}

.content{
	overflow: hidden;
}
.content a:hover{
   text-decoration: underline;
   color: red;
}

/* 轮播图 */
.play{
   width: 1180px;
   height: 400px;
   margin: 0px auto;
   margin-top: 20px;
   overflow: hidden;
   position: relative;
}
.play>ul{
	width:999999px;
	height: 400px;
	position: relative;
}
.play>ul>li{
	width: 1180px;
	height: 400px;
	float: left;
}
.play>ul>li b{
	margin: 0px auto;
	width: 1180px;
	height: 60px;
	display: block;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	font-weight: normal;
}

/* 图片 */
.play>ul>li>ul{
	width: 1180px;
	height: 270px;
	background: yellow;

}
.play>ul>li>ul>li{
	width: 295px;
	height: 270px;
	background: gray;
	float: left;
	position: relative;
	
}
.play>ul>li>ul>li>img{
	width: 295px;
	height: 270px;
}

/* 悬着注释文字 */
.play>ul>li>ul>li>span{
	height: 40px;
	width: 295px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: #8e8484a6;
	color: white;
	position: absolute;
	display: block;
	bottom: 3px;
	display: none;
}
/* 下导航 */
.play>ul>li>p{
	width: 1180px;
	height: 70px;
	text-align: center;
	font-size: 18px;
	line-height: 70px;
	display: block;
	
}

/* 左右导航栏 */
.scoll_last{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 160px;
	left: 0px;
	color: blue;
	background: rgba(71, 66, 70, 0.6);
	display: none;
}
.scoll_last>i{
	width: 40px;
	height: 40px;
	position: absolute;
    background: url('../images/jl_2.png') no-repeat 4px -3px;
}
.scoll_next{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 160px;
	right: 0px;
	background: rgba(71, 66, 70, 0.6);
	display: none;
}
.scoll_next>i{
	width: 40px;
	height: 40px;
	position: absolute;
    background: url('../images/jl_2.png') no-repeat 9px -48px;
}
.scoll_1 li{
	width: 420.5px;
	height: 408px;
	margin-right: 23px;
	float: left;
	/* border: 1px solid #e0e0e0; */
	position: relative;
}
.scoll_last:hover,.scoll_next:hover{
	background:rgba(39, 37, 38, 0.6);
}


/* table栏 */
h3{
	width: 1180px;
	height: 70px;
	margin: 0px auto;
	
}
/* 主标题 */
h3>p{
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	width: 200px;
	height: 70px;
	margin-left: 490px;
	float: left;
}
/* 导航栏 */
.aclick{
	height: 70px;
	width: 200px;
	margin-left: 100px;
	float: left;
	cursor: pointer;
}
.aclick>li{
	line-height: 70px;
	font-size: 12px;
	margin-left: 15px;
	float: left;
	color: gray;
}
.cur{
	color: red;
}
/* table栏内容 */
.con{
	width: 1180px;
	height: 540px;
	margin: 0px auto;
	overflow: hidden;
}
.tab{
	width: 999999px;
	height: 540px;
	position: relative;

}
.tab>li{
	width: 1180px;
	height: 540px;
	float: left;
}

.person{
	width: 1180px;
	margin: 0px auto;
}
/* 小框内容 */
.person>li{
	width: 580px;
	height: 250px;
	margin-top: 20px;
	float: left;
	background: white;
	position: relative;
}
.person>li:nth-of-type(2n){
	margin-left: 20px;
}
/* 右上角浮标 */
.person>li>b{
	width: 70px;
	height: 20px;
	background: #149914bd;
	position: absolute;
	right: 10px;
	top: -5px;
	font-size: 14px;
	text-align: center;
	color: white;
	line-height: 20px;
	z-index: 10;
}
/* 局部放大 */
.div1{
	width: 300px;
	height: 250px;
	float: left;
	overflow:hidden; 
    position:relative; 
}
.div1>img{
    width: 300px;
    height: 250px;
}

.div1 span {
	width:100px; 
	height:100px; 
	background:yellow; 
	opacity:0.5; 
	position:absolute; /* 黄色遮罩绝对定位才能跟随鼠标移动 */
	left:0; 
	top:0; 
	display:none; /* 鼠标移入图片后才显示黄色遮罩 */
	cursor: move;
}

.div2 {
	width: 280px;
	height: 250px;
	position: absolute;
	left: 300px;
	top: 0px;
	display: none;
	overflow: hidden;
}

.div2 img {
	position:absolute; 
	height: 700px;
	width: 700px;
	left:0; 
	top:0;
}


.person>li>span{
	width: 280px;
	height: 50px;
	display: block;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	float: left;
}
.person>li>p{
	width: 240px;
	height: 30px;
	display: block;
	font-size: 14px;
	line-height: 30px;
	padding-left: 40px;
	float: left;
	color: #b0afaff2;
}
.person>li>p>u{
	text-decoration: none;
}

.person>li>p>i{
	font-style: normal;	
}
.person .collection{
	width: 100px;
	height: 50px;
	color: #fe4141;
	font-size: 15px;
	line-height: 50px;
	padding-left: 40px;
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: underline;
	
}
.person .book{
	width: 100px;
	height: 50px;
	color: #fe4141;
	font-size: 15px;
	line-height: 50px;
	text-align: right;
	padding-right: 40px;
	cursor: pointer;
	display: block;
	float: left;
	text-decoration: underline;
}

/* 自动轮播图 */
    /* 上导航栏 */
.scoll{
	height: 70px;
	width: 200px;
	margin-left: 100px;
	float: left;
	cursor: pointer;
}
.scoll>li{
	line-height: 70px;
	font-size: 12px;
	margin-left: 15px;
	float: left;
	color: gray;
}
.scoll .cur{
	color: red;
}

    /* 导航内容 */
.contain{
	width: 1180px;
	height: 600px;
	margin: 0px auto;
	background: red ;
	position: relative;
}
.contain1{
	width: 1180px;
	height: 600px;
	margin: 0px auto;
	background: red ;
	overflow: hidden; 
}
.sco_parent{
	width: 999999px;
	height: 600px;
	position: relative;
}

.sco_parent>li{
	width: 1180px;
	height: 600px;
	float: left;
}
.sco_child{
	width: 1180px;
	height: 600px;
	margin: 0px auto;
}
.sco_child>li{
	width: 220px;
	height: 290px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	background: white;
}
.sco_child>li:nth-of-type(1){
    margin-left: 0px;
    margin-top: 0px;
}
.sco_child>li:nth-of-type(2){
    margin-top: 0px;
}
.sco_child>li:nth-of-type(3){
    margin-top: 0px;
}
.sco_child>li:nth-of-type(4){
    margin-top: 0px;
}
.sco_child>li:nth-of-type(5){
    margin-top: 0px;
}
.sco_child>li:nth-of-type(6){
    margin-left: 0px;
}
/* 左右导航箭头 */
.sco_last{
	position: absolute;
	width: 80px;
    height: 80px;
    top: 260px;
    left: -80px;
}
.sco_last>img{
	width: 80px;
	height: 80px;
	transform:rotate(180deg);
}
.sco_next{
	position: absolute;
	width: 80px;
    height: 80px;
    top: 260px;
    right: -80px;
}
.sco_next>img{
	width: 80px;
	height: 80px;
}
/* li里面的内容 */
.sco_parent ol>li>span{
	width: 220px;
	height: 200px;
	float: left;
}
.sco_parent ol>li>span>img{
	width: 220px;
	height: 200px;
}
.tin{
	width: 220px;
	height: 90px;
	cursor: pointer;
	overflow: hidden; 
	float: left;
}
.tim{
	width: 220px;
	height: 180px;
	cursor: pointer;
	position: relative;
}

.tim>p{
	width: 200px;
	height: 90px;
	padding-left: 20px;
	float: left;
}

.tim>p>b{
	width: 220px;
	height: 30px;
	font-size: 15px;
	line-height: 35px;
	float: left;
	font-weight: normal;
}
.tim>p>u{
	width: 220px;
	font-size: 13px;
	line-height: 25px;
	color: gray;
	float: left;
	text-decoration: none;
}
.tim>p>span{
	width: 220px;
	font-size: 13px;
	line-height: 25px;
	color: gray;
	float: left;
	color: red;
}
.tim>p>span>u{
	text-decoration: none;	
	padding-right: 5px;
}
.tim>p>span>i{
	padding-left: 30px;
	padding-right: 5px;
	font-style: normal;	
}

.tim>span{
	width: 200px;
	height: 75px;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	background: #8080802e;
}
.tim>span>b{
	width: 200px;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	float: left;
}


/* 最底部内容 */
footer{
	width: 1180px;
    padding: 20px 0px;
	margin: 0px auto;
	background: #3F3A32;
	color: #d5cdcd;
}
footer>b{
	width: 1180px;
	font-size: 14px;
	font-weight: normal;
}
footer>.friend{
	width: 1180px;
	overflow: hidden;
	margin-top: 10px;
	padding: 8px 0px;
	border-top: 1px solid #5351518c;
	border-bottom: 1px solid #5351518c;
}
footer>.friend>a{
	width: 108px;
	margin-left: 10px;
	height: 20px;
	float: left;
	font-size: 12px;
	color: #d5cdcd;
	text-decoration: none;
}
footer>.friend>a:hover{
	text-decoration: underline;
	color: #f85656d9;
}
.introduce{
	margin: 0px auto;
	width: 800px;
	height: 40px;
}
.introduce>a{
	width: 80px;
	height: 40px;
	float: left;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	color: #d5cdcd;
}
footer>.introduce>a:hover{
	background: #f85656d9;
}
.copy{
	width: 600px;
	margin: 0px auto;
	height: 30px;
	font-size: 11px;
}
.copy>b{
	width: 15px;
	height: 15px;
}
.copy>b>img{
	width: 15px;
	height: 15px;
}
.copy>u{
	text-decoration: none;
}
.copy>i{
	font-style: normal;
}
.show{
	margin: 0px auto;
	width: 680px;
	height: 100px;
	
}
.show>span{
    width: 200px;
	height: 100px;
	margin: auto 10px;
	background: white;
	float: left;
}
.show>span>img{
	width: 200px;
	height: 100px;
}





/* 侧边栏 */
/* 侧边栏 */
.siderbar{
display:none;
display: block;
position:fixed;
top:0px;
right:0px;
width:38px;
height:100%;
box-shadow:0px 0px 2px #999;
z-index:1000;
background: #f7f7f7;
}
.aside{
	width: 26px;
	height: 312px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -98px;
	background: #f7f7f7;
	padding: 0px 6px;
}
.aside>li{
	width: 26px;
	height: 38px;
	margin-top: 14px;	
	position: relative;
	cursor: pointer;
}
.aside>li>span{
	margin-left: 3px;
	width: 20px;
	height: 20px;
	display: block;
}
.help_span{
	border: 1px solid rgb(104, 100, 100); 
}
/* 矢量图标 */
.icon_as {
  width: 20px;
  height: 20px;
  vertical-align: -1px;
  fill: currentColor;
  overflow: hidden;
}

.icon_as1 {
  width: 1.4em;
  height: 1.5em;
  /* vertical-align: -1px; */
  fill: currentColor;
  overflow: hidden;
}
.aside>li>b{
	margin-top: 3px;
	width: 26px;
	height: 13px;
	display: block;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	position: relative;
}
.aside .triangle{
    display: block;
	width: 2px;
	border: 4px solid transparent;
	border-left: 4px solid rgb(104, 100, 100);
	border-bottom: 4px solid transparent;
	position: absolute;
	left: -4px;
	top: 17px;
	display: none;
}
.aside>li>a{
	width: 80px;
	height: 38px;
	background: rgb(104, 100, 100);
	color: white;
	font-size: 13px;
    line-height: 38px;
	position: absolute;
	text-align: center;
	left: -84px;
	top: 0px;
	display: none;
}
.aside>li .app_dl{
	height: 112px;
	width: 95px;
	top: -35px;
	left: -100px;
	background: white;
	position: absolute;
	display: none;
}
.aside>li .triangle1{
	 display: block;
	width: 2px;
	border: 4px solid transparent;
	border-left: 4px solid white;
	border-bottom: 4px solid transparent;
	position: absolute;
	left: -5px;
	top: 17px;
	display: none;
}
.aside>li .app_dl img{
	height: 112px;
	width: 95px;
}
.aside>li .app_dl i{
	height: 20px;
	width: 95px;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
	color: gray;
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: none;
}
.aside>li:hover a,.aside>li:hover .triangle,.aside>li:hover .triangle1,.aside>li:hover .app_dl,.aside>li:hover i{
    display: block;
}
 .aside>li:hover{
	background:#d8b983cc;
}


.siderbar>p{
	position: fixed;
	margin-left: 9px;
	height: 30px;
	width: 26px;
	bottom: 30px;
	right: 6px;
	display: none;
}
.siderbar>p>.triangle1{
	 display: block;
	width: 2px;
	border: 4px solid transparent;
	border-left: 4px solid rgb(104, 100, 100);
	border-bottom: 4px solid transparent;
	position: absolute;
	left: -5px;
	top: 11px;
	display: none;
}
.siderbar>p>a{
	width: 80px;
	height: 30px;
	background: rgb(104, 100, 100);
	color: white;
	font-size: 13px;
    line-height: 30px;
	position: absolute;
	text-align: center;
	left: -84px;
	top: 0px;
	display: none;
}

.icon_btm {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-left: 3px;
	text-align: center;
	vertical-align: 30px;
	fill: currentColor;
	overflow: hidden;
}
.siderbar>p:hover a,.siderbar>p:hover i{
    display: block;
}
.siderbar>p:hover{
	background: #F9E8CA;
}